<%-- 
    Document   : banner
    Created on : Oct 1, 2011, 11:19:26 AM
    Author     : TiOc
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page import="model.dao.*, model.pojo.*, java.util.*"%>

<link rel="stylesheet" type="text/css" href="templates/style.css" />
<!DOCTYPE html>
<!-- Slide -->
<div id="Slide">
    <script language="javascript" src="mainscripts/jquery.js"></script>
    <script type="text/javascript" src="mainscripts/jquery.cycle.all.2.72.js"></script>

    <script type="text/javascript">
    $(document).ready(function() 
    {
        $('.slideshow').cycle
        (
            {
                fx:'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
                next:'#next2', 
                prev:'#prev2' 
            }
        );
    });
    </script>

    <a style="position:absolute;z-index:10000000;margin-top:80px;" id="next2" href="#">
    <img src="templates/images/arrow_left.png" /></a>
            <a style="position:absolute;z-index:10000000; margin-left:910px;margin-top:80px;"id="prev2" href="#">
    <img src="templates/images/arrow_right.png" /></a>

    <div align="center">
        <div class="slideshow" >
            <%
            ArrayList<Slide> dsSlide = (ArrayList<Slide>) request.getAttribute("Slide");
            for(int i = 0; i < dsSlide.size(); i++)
            {
                Slide s = dsSlide.get(i);
            %>
            <a href="<%= s.getLink()%>"><img src="<%= s.getImage()%>" /></a>
            <%}%>	
        </div>	
    </div>
</div>
<!-- End Slide -->
<div class="shadow"></div>
